.wf-icon{
  /* inherit 是一个关键字，表示继承父元素的颜色 */
  --wf-icon-color:inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--wf-icon-color);
  /* 继承父元素的字体 */
  font-size: inherit;
}

/* 动态地设置样式 */
@each $val in (primary,info,success,warning,danger) {
  .wf--icon-$(val){
    --wf-icon-color:var(--wf-color-$(val));
  }
}